<template>
	<!-- 公共头部 -->
	<common-head></common-head>
	<view class="title-box">
		<view class="tips">Hello,</view>
		<view class="name">COCO</view>
	</view>
	<view class="move-box">
		<image class="item item1" src="@/static/images/ele1.png" mode=""></image>
		<image class="item item2" src="@/static/images/ele2.png" mode=""></image>
		<image class="item item3" src="@/static/images/ele3.png" mode=""></image>
		<image class="item item4" src="@/static/images/ele4.png" mode=""></image>
		<image class="item item5" src="@/static/images/ele5.png" mode=""></image>
		<image class="item item6" src="@/static/images/ele6.png" mode=""></image>
	</view>
	<view class="main1">正在分析生成中，请稍后...</view>
	<image class="wait-img" src="https://build.gzwhir.com/zygzmr202410252905/appImages/wait.jpg" mode=""></image>
</template>

<script setup>
	import { ref } from 'vue'
	import { onLoad } from "@dcloudio/uni-app";
	
	
	onLoad(() => {
		setTimeout(() => {
			uni.switchTab({
				url: "/pages/report/report"
			})
		}, 5000)
	});
	
</script>

<style lang="scss">
page{
	height: 100%;
	background: #f0f0f0;
}
.title-box{
	padding-top: 80rpx;
	margin-bottom: 120rpx;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 42rpx;
	color: #333;
	font-weight: bold;
	
	.name{
		background: url("@/static/images/bg1.png") no-repeat left bottom;
		padding-bottom: 20rpx;
	}
	.tips{
		padding-bottom: 20rpx;
	}
}

.move-box{
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 0 150rpx;
	.item{
		width: 34rpx;
		height: 100rpx;
		animation: moveImg 1s infinite;
	}
	.item2{
		animation-delay: .1s;
	}
	.item3{
		animation-delay: .2s;
	}
	.item4{
		animation-delay: .3s;
	}
	.item5{
		animation-delay: .4s;
	}
	.item6{
		animation-delay: .5s;
	}
	@keyframes moveImg{
		0%{
			transform: translateY(0px);
		}
		50%{
			transform: translateY(-30px);
		}
		100%{
			transform: translateY(0px);
		}
	}
}
.main1{
	font-size: 24rpx;
	color: #333;
	text-align: center;
	margin-top: 40rpx;
}
.wait-img{
	width: 750rpx;
	height: 760rpx;
}

</style>
